//各页面定制样式

//登录页
.login {
  .q-tab {
    color #323232
  }

  .q-tab__label {
    font-size 20px
    font-family Regula
    //color #343434
  }

  .q-tab-panel {
    padding 16px 0 5px
  }
  .q-header .q-layout__shadow{
    display none
  }
}
//手机登录页
.password,.reset,.code,.sure-phone{
  .q-field--filled.q-field--rounded .q-field__control{
    background-color #fff
    height 40px
  }
  .q-field--filled.q-field--rounded .q-field__control{
    border-radius 6px 6px 0 0
  }
  .q-field--dense .q-field__marginal{
    height 40px
  }
  .q-field__bottom{
    padding 4px 12px
  }
  .login-btn{
    margin-top 10px
    padding 0
    height 40px
    line-height 40px
    font-size 20px
  }
  .link{
    padding-top 10px
    display flex
    justify-content space-between
    font-size 16px
    //line-height 1
    .link-txt:hover{
      color $primary !important
    }
  }
  p{
    margin-bottom 0
  }
}
//layout
.my-layout {
  .q-item {
    padding-right 4px
  }

  .q-item__section--avatar {
    min-width 0
  }

  .q-item__section--side {
    padding-right 8px
    color #333333;
  }

  .q-item__section--side > .q-icon {
    font-size: 18px;
  }
}

// 用户管理
.user-mana {
  &__work-center-setting, &__role-setting {
    .side {
      .q-card__section {
        padding 10px
      }

      .q-chip {
        height 32px
        justify-content space-between
        margin 4px 0

        &:first-child {
          margin-top: 0
        }

        &:last-child {
          margin-bottom: 0
        }

        &:focus {
          box-shadow none
        }

        .q-chip__content, .q-chip__icon--remove {
          color #000
          line-height 32px
        }

        .q-chip__icon--remove {
          margin-right -0.2em
        }
      }
    }
  }
}

// 角色菜单设置
.role-menu {
  .fold .right-part {
    padding 0 !important
  }

  .right-part .q-tree .row {
    transition background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1)

    &:hover {
      background #D0D6FB
    }
  }
}

//工厂日历
.factory-calendar {
  //班制管理
  .class-mana{
    .active-tr{
      background-color rgba(159,173,254,0.6)
    }
    //.myTable-1{
    //  position relative
    //  .q-table__middle{
    //    position absolute
    //    top 0
    //    left 0
    //    right 0
    //    bottom 0
    //    overflow auto
    //  }
    //}
    //.myTable-1,.myTable-2{
    //  //position relative
    //  .q-table__middle{
    //    height 100%
    //    overflow auto
    //  }
    //}
  }
  .q-tab{
    color #333
  }
}

//工厂日历
//.calendar{
//  .date-day{
//    .scroll{
//      display flex
//      align-items center
//    }
//  }
//}
.factory-calendar{
  .q-tab-panel{
    padding-top 20px
    padding-bottom 0
  }
}
//工厂日历右键弹框
.calendar-dialog{
  .q-tabs__content--align-justify .q-tab{
    flex 0
  }
  .q-tab{
    color #333
  }
  //.q-tabs--not-scrollable .q-tabs__content{
  //  padding-left 29px
  //}
}

//添加编辑工艺路线
.add-edit-craft-route{
  .q-checkbox.reverse .q-checkbox__label{
    display inline-block
    width 80px
    text-align right
    font-size 16px
    padding-right 0
    color #333
  }
  .reverse.q-checkbox:first-child  .q-checkbox__label{
    width 100px
  }
  .step-file-list .name{
    line-height 32px
  }
}

//程序传输模块
.dir-tree{
  .q-tree__node--selected{
    background-color rgba(95,119,253, 0.2)
  }
  .q-field--outlined .q-field__control{
    padding 0 8px
  }
  .q-field--outlined .q-field__control{
    padding 0 5px
  }
}

.send-sure-content{
  .q-card{
    box-shadow none
  }
  .q-card > div:last-child{
    border-bottom 1px solid #D3D3D3
  }
}

// Unfold特殊样式
.defective-content {
  .toggle-hide {
    box-shadow 1px 0px 3px 0px rg
  }
}
//首页
.home{
  .q-table th:first-child, .q-table td:first-child {
    padding-left: 20px
  }
  .q-table th:last-child, .q-table td:last-child {
    padding-right: 20px
  }
  .q-table th, .q-table td {
    padding: 0 8px
  }
}
//盒子管理
.box-bind-card{
  .field{
    .q-field__bottom{
      padding-left 103px
    }
  }
}
.reason{
  .right-part{
    padding 0 !important
    height 100%
  }
}

//G代码管理
.G-gov,.program-transfer{
  .fold .right-part {
    padding 0 !important
  }
}

.border-right {
  border-right 1px solid #d3d3d3
}
